<template>
	<view class="content">
			<!-- <button class="sys_btn" open-type="getUserInfo" lang="zh_CN" @getuserinfo="appLoginWx">小程序登录授权</button> -->
		<view class="play" @tap="open">
			<image src="../../static/image/play.png" mode=""></image>
		</view>
		<view class="attention">
			<text>{{name}}主播直播间</text>
			<view class="attention-right">
				<image style="margin-right: 10rpx;" src="../../static/image/star.png" mode=""></image>
				<text>关注公众号</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title:'PIAGET伯爵珠宝',
				name:'泽泽木'
			}
		},
		onLoad() {

		},
		methods: {
			open(){
				uni.navigateTo({
					url:'../live/live'
				})
			}
			// appLoginWx() {
			// 	// #ifdef MP-WEIXIN
			// 	uni.getProvider({
			// 		service: 'oauth',
			// 		success: function(res) {
			// 			if (~res.provider.indexOf('weixin')) {
			// 				uni.login({
			// 					provider: 'weixin',
			// 					success: (res2) => {

			// 						uni.getUserInfo({
			// 							provider: 'weixin',
			// 							success: (info) => { //这里请求接口
			// 								console.log(res2);
			// 								console.log(info);

			// 							},
			// 							fail: () => {
			// 								uni.showToast({
			// 									title: "微信登录授权失败",
			// 									icon: "none"
			// 								});
			// 							}
			// 						})

			// 					},
			// 					fail: () => {
			// 						uni.showToast({
			// 							title: "微信登录授权失败",
			// 							icon: "none"
			// 						});
			// 					}
			// 				})

			// 			} else {
			// 				uni.showToast({
			// 					title: '请先安装微信或升级版本',
			// 					icon: "none"
			// 				});
			// 			}
			// 		}
			// 	});
			// 	//#endif
			// }
		}
	}
</script>

<style scoped>
	.content{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.play{
		width: 100%;
		height: 440rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #555555;
	}
	.play image{
		width: 112rpx;
		height: 112rpx;
	}
	.attention{
		width: 90%;
		height: 100rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 2rpx solid #979797;
	}
	.attention>text{
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #EBE4E2;
	}
		
	.attention-right{
		width: 230rpx;
		height: 64rpx;
		border-radius: 64rpx;
		border: 1px solid #FFD351;
		color: #F7B500;
		font-size: 28rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.attention-right image{
		width: 30rpx;
		height: 28rpx;
	}
</style>
